* {
  margin: 0;
  padding: 0;
}
html,
body,
#RTF {
  width: 100%;
  height: 100%;
}
#RTF {
  box-sizing: border-box;
  padding: 17px;
  padding-bottom: 200px;
  white-space: pre-wrap;
  overflow: hidden;
  outline: none;
}
#RTF p,
#RTF li {
  box-sizing: border-box;
  min-width: 0.1px;
  min-height: calc(17px * 2);
  line-height: calc(17px * 2);
  font-size: 17px;
  font-style: normal;
}
#RTF span,
#RTF b {
  min-width: 0.1px;
  line-height: 2;
}
#RTF b {
  font-weight: bold;
}
#RTF a {
  color: #005eff;
}
#RTF a:hover {
  cursor: pointer;
}
#RTF ul {
  list-style: disc;
}
#RTF ol {
  list-style-type: decimal;
}
#RTF code,
#RTF blockquote {
  position: relative;
  display: block;
  /* box-sizing: border-box; */
  margin: calc(17px * 0.5) 0;
  padding: 17px calc(2 * 17px);
  font-family: 'Consolas', 'Monospace' !important;
  overflow-x: auto;
  overflow-y: hidden;
}
#RTF code p,
#RTF blockquote p {
  float: left;
  min-width: 100%;
  tab-size: 4;
  font-family: 'Consolas', 'Monospace' !important;
  white-space: pre;
  overflow-x: hidden;
}
#RTF code {
  background-color: #1f2430;
  border-left: 2px solid #0062ff;
  color: white;
}
#RTF code::after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
#RTF blockquote {
  background-color: #eefaff;
  border-left: 2px solid cyan;
  color: black;
}
#RTF h1 p {
  text-align: center;
  font-size: calc(17px * 1.3);
  font-weight: bold;
  color: #000000;
}
#RTF h2 p {
  font-size: calc(17px * 1.2);
  font-weight: bold;
  color: #000000;
}
#RTF h3 p {
  font-size: calc(17px * 1.1);
  color: #000000;
}
#RTF h4 p {
  font-size: calc(17px);
  color: #000000;
}
#langSelect {
  --w: 120px;
  --h: 20px;
  position: fixed;
  top: 50vh;
  left: 50vw;
  width: var(--w);
  height: var(--h);
  font-size: calc(var(--h) * 0.4);
}
#langSelect #langTitle {
  box-sizing: border-box;
  width: var(--w);
  height: var(--h);
  background-color: rgba(255, 255, 255, 0.1);
  color: white;
  /* border-radius: calc(var(--w) * 0.05); */
  overflow: hidden;
  border-radius: calc(var(--w) * 0.02);
  text-align: center;
  line-height: var(--h);
}
#langSelect #langTitle:hover {
  cursor: default;
}
#langSelect #langList {
  position: absolute;
  width: var(--w);
  top: 120%;
  left: 0;
  max-height: 230px;
  overflow-y: auto;
  border-radius: calc(var(--w) * 0.02);
  background-color: white;
}
#langSelect #langList .lang-item {
  text-align: center;
  list-style: none;
  white-space: nowrap;
  overflow: hidden;
  line-height: 2;
}
#langSelect #langList .lang-item:hover {
  cursor: pointer;
  background-color: #ebf7ff;
}
